<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../global/css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../../global/css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" href="./frm.css" />
</head>
<body>
    <div id="screenshots">
        <div class="aui-content">
            <div class="aui-row border_b">
                <div class="aui-col-xs-4" ><label class="label active" data-type="0" tapmode onclick="switchAction(this)">前日排行</label></div>
                <div class="aui-col-xs-4" ><label class="label" data-type="1" tapmode onclick="switchAction(this)">周排行</label></div>
                <div class="aui-col-xs-4" ><label class="label" data-type="2" tapmode onclick="switchAction(this)">总排行</label></div>
                <!-- <div class="aui-col-xs-6"><label>金币榜</label></div> -->
            </div>
        </div>
        <div id="firstThree">
            <div class="aui-content top30 margin_b" id="test">
                <div class="aui-row">
                    <div class="aui-col-xs-4 padTop2">
                        <div class="firstThree">
                            <img src="./../../../global/image/def-avatar3.png" alt="">
                            <div class="nickName"></div>
                            <div><label class="icon"></label><span></span></div>
                            <div class="crown crown0"></div>
                        </div>
                    </div>
                    <div class="aui-col-xs-4 padTop2">
                        <div class="firstThree">
                            <img src="./../../../global/image/def-avatar3.png" alt="">
                            <div class="nickName"></div>
                            <div><label class="icon"></label><span></span></div>
                            <div class="crown crown1"></div>
                        </div>
                    </div>
                    <div class="aui-col-xs-4 padTop2">
                        <div class="firstThree">
                            <img src="./../../../global/image/def-avatar3.png" alt="">
                            <div class="nickName"></div>
                            <div><label class="icon"></label><span></span></div>
                            <div class="crown crown2"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="allRanking"></div>
    </div>

    <footer id="footer" class="scan-friends auix-solo-item aui-bar aui-bar-tab aui-border-t aui-hide">
        <div class="" tapmode onclick="doShowRanking();">晒榜单</div>
    </footer>

</body>

<script id="tpl-first-three" type="text/x-dot-template">
    <div class="aui-content top30 margin_b" id="test">
        <div class="aui-row">
            {{~it :v:i}}
            {{?v}}
            <div class="aui-col-xs-4 padTop2" tapmode onclick="views.openUCenterWin({{=v.Uid}}, &quot;{{=escapeStr(decodeEmoji(v.Username))}}&quot;);">
                <div class="firstThree">
                    <img src="./../../../global/image/def-avatar3.png" data-remote-src="{{=v.Avatar}}">
                    <div class="nickName aui-ellipsis-1">{{=decodeEmoji(v.Username)}}</div>
                    <div><label class="icon{{=v.check}}"></label><span>{{=formatAmount(v.Amount)}}元</span></div>
                    <div class="crown crown{{=i}}"></div>
                </div>
            </div>
            {{??}}
            <div class="aui-col-xs-4 padTop2" style="visibility: hidden;">
                <div class="firstThree">
                    <img src="" alt="">
                    <div class="nickName aui-ellipsis-1"></div>
                    <div><label class="icon1"></label><span>元</span></div>
                    <div class="crown crown1"></div>
                </div>
            </div>
            {{?}}
            {{~}}
        </div>
    </div>
</script>
<!-- <div>
    上传进度：<p id="progress"></p>
</div>
<p id="backurl"></p> -->

<script id="tpl-all-ranking" type="text/x-dot-template">
    <div class="aui-content">
        {{~it :v:i}}
        <div class="aui-row padding15 border_b" tapmode onclick="views.openUCenterWin({{=v.Uid}}, &quot;{{=escapeStr(decodeEmoji(v.Username))}}&quot;);">
            <div class="aui-col-xs-9">
                <div class="crown_num">{{=(i + 4)}}</div>
                <img src="./../../../global/image/def-avatar3.png" data-remote-src="{{=v.Avatar}}">
                <div class="crown_name">{{=shortNick(decodeEmoji(v.Username), 7)}}</div>
            </div>
            <div class="right-frame aui-col-xs-3">
                <div class="aui-right">
                    <div>{{=formatAmount(v.Amount)}}元</div>
                </div>
            </div>
        </div>
        {{~}}
    </div>
</script>

<script id="tpl-photo-thumb" type="text/x-dot-template"></script>

<script type="text/javascript" src="../../../config.js?time={$time}"></script>
<script type="text/javascript" src="../../../global/script/lib/api.js?time={$time}"></script>
<script type="text/javascript" src="../../../global/script/lib/doT.min.js"></script>
<script type="text/javascript" src="../../../global/script/lib/aui-toast.js"></script>
<script type="text/javascript" src="../../../global/script/lib/zepto.min.js"></script>

<!-- showMoney.js依赖于下面js，请一起copy -->
<script type="text/javascript" src="../../../global/script/lib/arale-qrcode.js"></script>
<script type="text/javascript" src="../../../global/script/lib/es6-promise.auto.min.js"></script>
<script type="text/javascript" src="../../../global/script/lib/html2canvas.my.min.js"></script>
<script type="text/javascript" src="../../../global/script/libx/paintImage.js?time={$time}"></script>
<script type="text/javascript" src="../../../global/script/libx/showMoney.js?time={$time}"></script>
<script type="text/javascript" src="../../../global/script/mylib.js?time={$time}"></script>
<script type="text/javascript" src="../../../app.js?time={$time}"></script>
<script type="text/javascript" src="./frm.js?time={$time}"></script>

</html>


<script type="text/javascript" src="../../../global/script/_fakeApi.js"></script>


<script>
    apiready();
    $api.append($api.dom('body'), '<img id="showImage">');
    $api.append($api.dom('body'), '<img src="./../../../global/image/def-avatar3.png" data-remote-src="http://img.ikongji.com/qiniu_avatar/app1/000/06/98/61_avatar_4.jpg?imageView2/2/w/120/h/120">');

    // foo();

    // 保证一下语法没错。并不起真正作用
    localizeImages();
    showShowBtn();

    function foo() {
        var clr = '#5890ed';
        window.debug_in_chrome = 1;
        fooShowMoney({
            themeClr: clr,
            main: {
                domId: 'screenshots',
                t: 90,
            },
            header: {
                h: 100,
                quote: '是不是你最疼爱的人',
            },
            footer: {
                background: clr,
            }
        }, {
            succ: function(image, cover) {
                $api.addCls($api.byId("footer"), 'aui-hide');
                $api.byId("showImage").src = image;
            }
        });
    }
</script>
